<template>
  <div>
    <!-- 全局过滤 可以在任意地方使用 -->
    <!-- 语法：Vue.filter("过滤器名",(值)=>{return 处理后的值}) -->
    <h1>{{ msg | reverse }}</h1>
    <!-- 局部过滤器的使用 -->
    <!-- 语法：filter:{"过滤器名":(值)=>{return 处理后的值}} -->
    <p :title="msg | reve">Hello Word</p>
    <!-- 多个过滤器的使用 -->
    <div :title="msg | reverse | reve('|')">Good nice!</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      msg: "xiaoma",
    };
  },
  // 局部过滤器注册
  filters: {
    reve: (value, str1) => {
      return value.split("").reverse().join(str1);
    },
  },
};
</script>

<style>
</style>